$(() => {

    let u_name = localStorage.getItem("username");
    console.log(typeof u_name);
    let res = u_name.split("").splice(3,6,"******").join("");
    let r = u_name.replace(res,"******");
    console.log(r);
    $(".please_replace_login").text(r);
    $(".please_register").css({
        display:"none"
    })

    // 将商品数据保存在全局
    let goods_data = null ;

    let list_page_options = {
        url: "../json/list_of_page.json"
    }
    $.ajax(list_page_options)
        .then(res => {
            let data = res.data;
            goods_data = data ;
            let html = "";
            for (let attr in data) {
                html += `<div class="goods_content">
                            <div class="goods_img">
                                <img src="${data[attr].img_url}" alt="">
                            </div>
                            <div class="goods_name">
                                ${data[attr].goods_name}
                            </div>
                            <div class="goods_desc">
                                ${data[attr].discounts}
                            </div>
                            <div class="goods_price_btn">
                                <div class="price_desc">
                                    <div class="sale_price">
                                        <div class="now_price">
                                            <i>￥</i>
                                            <span>${data[attr].new_price}</span>
                                        </div>
                                        <div class="old_price">
                                            ${data[attr].old_price ? `
                                            <i>￥</i>
                                            <span>${data[attr].old_price}</span>` : ""}
                                        </div>
                                    </div>
                                    <div class="lowest_price_num">
                                        <div class="lowest_icon">

                                        </div>
                                        ${data[attr].label2 ? ` <div class="lowest_type">
                                                                     ${data[attr].label1}
                                                                    <b>|</b>
                                                                </div>
                                                                <div class="sale_num">
                                                                    ${data[attr].label2}
                                                                </div>` : ` <div class="lowest_type">
                                                                                    ${data[attr].label1}
                                                                            </div>`}
                                                                    
                                    </div>
                                </div>
                                <div data-id=${attr} class="buy_btn">
                                    立即抢购
                                </div>
                            </div>
                        </div>`
            }
            $(".goods_list_center").html(html);
        })

    // 吸顶菜单
    let list_of_nav = $(".list_of_page_nav");
    let list_type = $(".list_of_page_type");
    let list_sort = $(".list_of_page_sort");
    let list_goods = $(".list_of_goods_list");

    $(window).scroll(() => {

        if ($("body,html").scrollTop() >= list_goods.offset().top) {
            console.log(1);
            list_of_nav.addClass("active")
            list_type.addClass("active");
            list_sort.addClass("active");
        }
        if ($("body,html").scrollTop() <= list_goods.offset().top) {
            list_of_nav.removeClass("active")
            list_type.removeClass("active")
            list_sort.removeClass("active")
        }
    })


    // // 事件委托 
    // $(".goods_list_center").on( "click" , ".buy_btn" , function(){
    //     toDetails( $(this).attr("data-id") );
    //     location.href = "../html/details_page.html";
    // })

    // var goods_data = null;
    // // 创建详情页数据
    // // 每次在使用的时候都要先去获取localStorage里面的数据
    // var details_data = (function () {  
    //     // 如果数据存在就去解析
    //     // 如果解析时报错 就重新创建一个空对象
    //     if( localStorage.getItem("detailsData")){
    //         let data = null ; 
    //         try{
    //             data = JSON.parse(localStorage.getItem("detailsData"))
    //         }catch(e){
    //             data = {};
    //         }
    //         return data ;
    //     }else{
    //         return {};
    //     }
    // })()
    // console.log(details_data);

    // // 携带数据至详情页
    // function toDetails( id ){
    //     // console.log( details_data[id]);
    //     if( id in details_data ){
    //         // 如果存在数量信息 每次点击数量+1
    //         goods_data[id].count++;
    //     }else{
    //         // 给数据添加数量信息
    //         goods_data[id].count = 1;
    //         details_data[id] = goods_data[id];
    //     }
    //     // console.log(details_data);
    //     // 每次添加之后都把信息保存在localStorage里面
    //     localStorage.setItem("detailsData",JSON.stringify(details_data))
    // }





    $(".goods_list_center").on( "click" , ".buy_btn" , function(){
        toDetails( $(this).attr("data-id") );
        location.href = "../html/details_page.html";
    })
    let details_data = {}
    // 携带数据至详情页
    function toDetails( id ){
        details_data[id] = goods_data[id];
        // console.log(details_data);
        localStorage.setItem("detailsData",JSON.stringify(details_data))
    }


})